<nav class="navbar navbar-default" style="margin-bottom:40px;margin-top:0px;">
    <div class="container">
        <div class="navbar-header">
            <button type="button" data-toggle="collapse" data-target="#navbar" class="navbar-toggle collapsed">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <div class="navbar-brand logo"><a href="/" class="logo-a"><img src="/img/moklr.png"/>Moklr</a>
            </div>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-right">
                <li><a href="/mock/create">Simple Builder</a></li>

                <% if(locals.isLogin){%>
                    <li><a href="/user/profile">Postman</a></li>
                    <li><a href="/status">Status</a></li>
                <%}%>

                <li><a href="/help">help</a></li>

                <li>
                    <% if(locals.isLogin){%>
                    <!--<div class="dropdown">-->
                        <!--<a id="dLabel" data-target="#" href="javascript:void(0)" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">-->
                            <!--<span class="caret"></span>-->
                    <!--</a>-->
                        <!--<ul class="dropdown-menu" aria-labelledby="dLabel">-->

                    <!--<li><a>logout</a></li>-->
                    <!--</ul>-->
                    <!--</div>-->



                    <ul class="nav navbar-nav navbar-right">
                        <li id="fat-menu" class="dropdown">
                            <a id="drop3" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
                                <i class="glyphicon glyphicon-user" aria-hidden="true"></i> <%=locals.loginUsername%>
                                <span class="caret"></span>
                            </a>
                            <ul class="dropdown-menu" aria-labelledby="drop3">
                                <!--<li role="separator" class="divider"></li>-->
                                <li><a href="/auth/logout">Log out</a></li>
                            </ul>
                        </li>
                    </ul>
                    <%}else{%>
                    <a href="/auth/login">Login</a>
                    <%}%>
                </li>

            </ul>
        </div>
    </div>
</nav>